
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- 修改标题栏图标 -->
    <link rel="icon" href="./image/图层 2.jpg">
    <!-- 头部导航栏 -->
    <link rel="stylesheet" href="./css/index01.css"/>
    <!-- 标题搜索栏 -->
    <link rel="stylesheet" href="./css/index02.css"/>
    <!-- 轮播图 -->
    <link rel="stylesheet" href="./css/index03.css">
    <!-- 主体 -->
    <link rel="stylesheet" href="./css/index04.css">
    <title>携程首页</title>
</head>
<body>
<!-- 头部导航栏 -->
<div class="header">
    <div class="header-cont">
        <div class="slogan">让旅行更幸福</div>
        <ul class="language">
            <li class="lang">
                    <span>
                        <a href="#">
                            <em class="ico-global"></em>
                            Language
                            <b class="n-arrow"></b>
                        </a>
                    </span>
                <div id="guojia" class="guojia">
                    <ul class="yv">
                        <li><a href="#" id="ctrip_cn">简体中文</a></li>
                        <li><a href="#">English (United States)</a></li>
                        <li><a href="#">English (United Kingdom)</a></li>
                        <li><a href="#">繁體中文(中國香港)</a></li>
                        <li><a href="#">English(Hong Kong.China)</a></li>
                        <li><a href="#">한국어</a></li>
                        <li><a href="#">日本語</a></li>
                        <li><a href="#">English (Singapore)</a></li>
                        <li><a href="#">English (Australia)</a></li>
                        <li><a href="#">Deutsch</a></li>
                        <li><a href="#">Francais</a></li>
                        <li><a href="#">Espanol</a></li>
                        <li><a href="#">Italiano</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                        <li><a href="#">简体中文</a></li>
                    </ul>
                </div>
            </li>

            <li>
                <a href="#" class="assist">
                    <em class="ico-assist"></em>
                    网站无障碍
                </a>
            </li>
        </ul>

        <ul class="fuwu">
            <li class="wui">
                    <span>
                        <a href="#"></a>
                    </span>
                <div id="wuitupian">
                    <img src="./image/er_ctrip_wechat_new.jpg">
                </div>
            </li>
            <li class="shiji">
                    <span>
                        <a href="#"></a>
                    </span>
                <div id="shijitupian">
                    <img src="./image/er_ctrip_app.jpg">
                </div>
            </li>
            <li><a href="#">客服中心</a></li>
            <li class="dingdan" id="dingdan">
                    <span>
                        <a href="#">
                            我的订单
                            <b class="n-arrow"></b>
                        </a>
                    </span>
                <div class="dan" id="dan">
                    <ul>
                        <li><a href="#">机票+相关订单</a></li>
                        <li><a href="#">酒店订单</a></li>
                        <li><a href="#">旅游订单</a></li>
                        <li><a href="#">火车票订单</a></li>
                        <li><a href="#">全部订单</a></li>
                        <li><a href="#">手机号查订单</a></li>
                    </ul>
                </div>
            </li>
            <li class="imxiechen" id="imxiechen">
                    <span>
                        <a href="#">
                            我的携程
                            <b class="n-arrow"></b>
                        </a>
                    </span>
                <div class="chen" id="chen">
                    <ul>
                        <li><a href="#">我的收藏</a></li>
                        <li><a href="#">我的优惠券</a></li>
                        <li><a href="#">常用信息</a></li>
                        <li><a href="#">我的钱包</a></li>
                    </ul>
                </div>
            </li>
            <li class="set-list">
                <a href="#">
                    <i class="infor-notice"></i>
                    消息
                </a>
            </li>
            <li>
                    <span>
                        <a href="#" id="login">你好，请登录</a>
                        &emsp;&emsp;
                        <a href="#">免费注册</a>
                    </span>
            </li>
        </ul>
    </div>
</div>
<!-- 页面主体 -->
<div class="cui_id">
    <!-- 标题搜索栏 -->
    <div class="cui_hd">
        <div class="e">
            <a href="#" id="a">携程旅游</a>
        </div>
        <div class="shousuo">
            <input type="text" name=""/>
            <button type="button" title="搜索"></button>
        </div>
        <div id="lianxidianhau">
            <p>境内: 95010</p>
            <p>(或) 400-830-6666</p>
                <span id="ying">
                    <p>中国香港: +852-3008-3295</p>
                    <p>中国澳门、中国台湾: +86-21 3406-4888</p>
                    <p>其他国家和地区: +86-21-3406-4888</p>
                </span>
        </div>
    </div>

</div>
<!-- 导航栏 -->
<div id="cui-nav" class="cui-nav-single">
    <div class="daohang">
        <ul class="daohangul">
            <li><a href="#">首页</a></li>
            <li id="j">
                <a href="#">
                    酒店
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="joudian">
                    <div id="gnjd"><a href="#">国内酒店</a></div>
                    <div id="hwjd"><a href="#">海外酒店</a></div>
                    <div id="jddd"><a href="#"><i class="cui-icon-hotel"></i>酒店订单 ></a></div>
                </div>
            </li>
            <li id="l">
                <a href="#">
                    旅行
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="lx">
                    <div id="gnjd"><a href="lvxing.html">旅游首页</a></div>
                    <div><a href="#">周末游</a></div>
                    <div><a href="#">跟团游</a></div>
                    <div><a href="#">自由行</a></div>
                    <div><a href="#">私家团</a></div>
                    <div><a href="#">邮轮</a></div>
                    <div><a href="#">门票活动</a></div>
                    <div><a href="#">主题游</a></div>
                    <div><a href="#">定制旅行</a></div>
                    <div><a href="#">游学</a></div>
                    <div><a href="#">签证</a></div>
                    <div><a href="#">企业会奖</a></div>
                    <div><a href="#">高端游</a></div>
                    <div><a href="#">爱玩户外</a></div>
                    <div><a href="#">保险垫</a></div>
                    <div id="lydd"><a href="#"><i class="cui-icon-hotel"></i>旅游订单 ></a></div>
                </div>
            </li>
            <li><a href="#">跟团游</a></li>
            <li><a href="#">自由行</a></li>
            <li id="p">
                <a href="#">
                    机票
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="jp">
                    <div><a href="#">国内/国际中国港澳台机票</a></div>
                    <div><a href="#">特价机票</a></div>
                    <div><a href="#">航班动态</a></div>
                    <div><a href="#">值机选座</a></div>
                    <div><a href="#">退票改签</a></div>
                    <div><a href="#">机场攻略</a></div>
                    <div><a href="#">定制包机</a></div>
                    <div id="jpdd"><a href="#"><i class="cui-icon-hotel"></i>机票订单 ></a></div>
                </div>
            </li>
            <li id="h">
                <a href="#">火车</a>
                <div id="hc">
                    <div><a href="#">国内火车票</a></div>
                    <div><a href="#">国际/港台火车票</a></div>
                    <div id="hcdd"><a href="#"><i class="cui-icon-hotel"></i>车票订单 ></a></div>
                </div>
            </li>
            <li id="c">
                <a href="#">
                    汽车·船
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="qc">
                    <div><a href="#">汽车票</a></div>
                    <div><a href="#">景区/机场专线</a></div>
                    <div><a href="#">船票</a></div>
                    <div id="qcdd"><a href="#"><i class="cui-icon-hotel"></i>汽车票订单 ></a></div>
                </div>
            </li>
            <li id="y">
                <a href="#">
                    用车
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="yc">
                    <div><a href="#">国内租车</a></div>
                    <div><a href="#">境外租车</a></div>
                    <div><a href="#">接送机站</a></div>
                    <div><a href="#">按天包车</a></div>
                    <div id="ycdd"><a href="#"><i class="cui-icon-hotel"></i>用车订单 ></a></div>
                </div>
            </li>
            <li id="m">
                <a href="#">
                    门票
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="mp">
                    <div><a href="#">门票活动</a></div>
                    <div><a href="#">出境WiFi.电话卡</a></div>
                    <div><a href="#">周末游</a></div>
                    <div><a href="#">上海海昌</a></div>
                    <div id="mpdd"><a href="#"><i class="cui-icon-hotel"></i>门票活动订单 ></a></div>
                </div>
            </li>
            <li><a href="#">攻略</a></li>
            <li id="qg">
                <a href="#">
                    全球购
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="qqg">
                    <div><a href="#">名店购</a></div>
                    <div><a href="#">旅游购物商城</a></div>
                    <div><a href="#">银联特惠</a></div>
                    <div><a href="#">外币兑换</a></div>
                </div>
            </li>
            <li id="lp">
                <a href="#">
                    礼品卡
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="lpk">
                    <div id="mpdd"><a href="#"><i class="cui-icon-hotel"></i>礼品卡订单 ></a></div>
                    <div><a href="#">外币兑换</a></div>
                    <div><a href="#">兑换券</a></div>
                    <div><a href="#">企业采购</a></div>
                    <div><a href="#">礼品卡福袋</a></div>
                    <div><a href="#">节日/庄题购卡</a></div>
                    <div><a href="#">礼品卡首页</a></div>

                </div>
            </li>
            <li id="shang">
                <a href="#">
                    商旅
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="sl">
                    <div><a href="#">会议旅游</a></div>
                    <div><a href="#">企业客户注册</a></div>
                    <div><a href="#">商旅首页</a></div>
                </div>
            </li>
            <li>
                <a href="#">
                    目的地
                </a>
            </li>
            <li><a href="#">金融</a></li>
            <li id="geng">
                <a href="#" class="gen">
                    更多
                    <i class="cui-ico-triangle"></i>
                </a>
                <div id="gd">
                    <div><a href="#">合作卡</a></div>
                    <div><a href="#">超级会员</a></div>
                    <div><a href="#">会员商城</a></div>
                </div>
            </li>
        </ul>
    </div>
</div>
<div class="mod">
    <h6>
        境外直通车
        <i class="icon-arrow"></i>
    </h6>
    <ul class="fu">
        <li><a href="#"><i class="cui-icon-hotel"></i>海外酒店</a></li>
        <li><a href="#"><i class="cui-icon-flight"></i>国际·港澳台机票</a></li>
        <li><a href="#"><i class="cui-icon-car"></i>境外租车</a></li>
        <li><a href="#"><i class="cui-icon-train"></i>国际/港台火车票</a></li>
        <li><a href="#"><i class="cui-icon-outboundtravel"></i>出境游</a></li>
        <li><a href="#"><i class="cui-icon-HHtravel"></i>高端游</a></li>
        <li><a href="#"><i class="cui-icon-ticket"></i>门票·活动</a></li>
        <li><a href="#"><i class="cui-icon-visa"></i>签证</a></li>
        <li><a href="#"><i class="cui-icon-insurance"></i>保险</a></li>
        <li><a href="#"><i class="cui-icon-wifi"></i>WiFi·电话卡</a></li>
        <li><a href="#"><i class="cui-icon-pickup"></i>境外接送机</a></li>
        <li><a href="#"><i class="cui-icon-foreign"></i>外币兑换</a></li>
    </ul>
</div>
<!-- 轮播图 -->
<div class="lunduo">
    <div class="adver">
        <img src="./image/0zg4s1200097vpu4s25D4.jpg" height="320px" width="100%" class="img01">
        <img src="./image/0zg1z1200097sdgx6B61B.jpg" height="320px" width="100%">
        <img src="./image/0zg2f1200097v1xenE4A9.jpg" height="320px" width="100%">
        <img src="./image/0zg6v1200097pphmj14F4.jpg" height="320px" width="100%">
        <img src="./image/0zg2g1200097v70ywF457.jpg" height="320px" width="100%">
        <ul class="shu">
            <li class="xuanzhang"></li>
            <li></li>
            <li></li>
            <li></li>
            <li></li>
        </ul>
    </div>
    <div class="hote">
        <ul class="xuanxiang">
            <li class="xuan">酒店</li>
            <li>机票</li>
            <li>旅游</li>
            <li>跟团游</li>
            <li >火车</li>
        </ul>
        <div class="hote-gongnen">
            <ul class="ulli">
                <li class="guonei"><h4>国内酒店</h4></li>
                <li><h4>海外酒店</h4></li>
                <li></li>
                <li></li>
                <li></li>
                <li></li>
            </ul>
            <ul class="tianxie">
                <li>目的地 <input type="text"  name="" id="site" placeholder="中文/拼音"></li>
                <li>
                    入住日期 <input type="date" name="" class="date" id="check-in-date" value="">
                    退房日期 <input type="date" name="" class="date" id="check-out-date" value="">
                </li>
                <li>
                    房间数 <select id="number-of-rooms">
                    <option name="">1间</option>
                    <option name="">2间</option>
                    <option name="">3间</option>
                    <option name="">4间</option>
                    <option name="">5间</option>
                    <option name="">6间</option>
                    <option name="">7间</option>
                    <option name="">8间</option>
                    <option name="">9间</option>
                    <option name="">10间</option>
                </select>
                    住客数 <input type="text" name="" id = "zhukeshu" value="1成人">
                </li>
                <li>
                    酒店级别 <select id="the-hotel-level">
                    <option>不限</option>
                    <option>五星级/豪华</option>
                    <option>四星级/高档</option>
                    <option>三星级/舒适</option>
                    <option>二星级以下/经济</option>
                </select>
                    关键词 <input type="text" name="" id="antistop" placeholder="关键词">
                </li>
                <li>
                    <button type="button">搜索</button>
                </li>
            </ul>
        </div>
    </div>
</div>
<!-- 主体 -->
<div class="body">
    <!-- 旅游 -->
    <div class="remen" id="remen">
        <div class="divulli">
            <ul class="bodyxun">
                <li class="lou"><a href="#">热门</a></li>
                <li><a href="#">周边游</a></li>
                <li><a href="#">门票</a></li>
                <li><a href="#">当地活动</a></li>
                <li><a href="#">境内游</a></li>
                <li><a href="#">主题游</a></li>
                <li><a href="#">高端游</a></li>
                <li><a href="#">出境游</a></li>
                <li><a href="#">邮轮</a></li>
                <li><a href="#">红色旅游</a></li>
            </ul>
            <div>
                <a href="#">上海出发</a>
            </div>
        </div>
        <div class="lvyou">
            <div id="dipv">
                <ul class="lvyouul">
                    <li class="xuanz"><a href="#">境内</a></li>
                    <li><a href="#">日本</a></li>
                    <li><a href="#">东南亚</a></li>
                    <li><a href="#">欧洲</a></li>
                    <li><a href="#">美洲</a></li>
                    <li><a href="#">澳中东非</a></li>
                </ul>
            </div>
            <div id="didian">
                <ul id="didianul">
                    <li>
                        <div class="yuan">
                            <h3>重庆</h3>
                            <hr>
                            <span>￥<h4>843</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>重庆</h4>
                            <p>景点:丰都鬼城、 重庆长江三峡...</p>
                            <p>美食:辣子鸡、毛血旺、豆花、...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100w10000000q9cpfC75C_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>北京</h3>
                            <hr>
                            <span>￥<h4>726</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>北京</h4>
                            <p>景点北京环球度假区、古北水....</p>
                            <p>美食:奶油炸糕、麻豆腐、驴打...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100a0g00000087qb8E7CE_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>成都</h3>
                            <hr>
                            <span>￥<h4>954</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>成都</h4>
                            <p>景点:成都融创水世界、成都大...</p>
                            <p>美食:豆花、汤圆、怪味面、钵...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100r1f000001gon9mBC5D_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>三亚</h3>
                            <hr>
                            <span>￥<h4>880</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>三亚</h4>
                            <p>景点:蜈支洲岛、三业亚特兰蒂...</p>
                            <p>美食:冬瓜海螺汤、和乐蟹、清...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100o1f000001gp6di1DB0_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>桂林</h3>
                            <hr>
                            <span>￥<h4>1468</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>桂林</h4>
                            <p>景点:桂林猫儿山、象山景区、...</p>
                            <p>美食:十八酿、黄焖鸡、啤酒鱼...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100f1f000001gqajd878F_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>九寨沟</h3>
                            <hr>
                            <span>￥<h4>1169</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>九寨沟</h4>
                            <p>景点九寨沟风景区、九寨千古...</p>
                            <p>美食:奶渣包子、洋芋糍巴、酥...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/Cghzf1WwvRuAe2puAA0StCMWUV0813_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>张家界</h3>
                            <hr>
                            <span>￥<h4>796</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>张家界</h4>
                            <p>景点:天J山国家森林公园、张...</p>
                            <p>美食:葛根粉炒肉、土家三下锅...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/100p0y000000m0n4d5A06_C_221_166.jpg">
                    </li>
                    <li>
                        <div class="yuan">
                            <h3>贵阳</h3>
                            <hr>
                            <span>￥<h4>1201</h4>/人起</span>
                        </div>
                        <div class="fang">
                            <h4>贵阳</h4>
                            <p>景点:青岩古镇、黔灵山公园、</p>
                            <p>美食辣子鸡、酸汤鱼、玫瑰冰...</p>
                            <p>立即查看3000条产品></p>
                        </div>
                        <img src="./image/CghzfVWw7oSAeySKAA5ZvOEffxM022_C_221_166.jpg">
                    </li>
                </ul>
            </div>
            <div id="youcetu">
                <img src="./image/0zg1p1200097r7bx2E5C1.png" width="100%" height="100%">
            </div>
        </div>
    </div>
    <!-- 酒店 -->
    <div class="jioudian" id="jioudian">
        <div class="jd">
            <ul class="jdul">
                <li><a href="#" class="guo">国内酒店</a></li>
                <li><a href="#">海外酒店</a></li>
            </ul>
        </div>
        <div class="jioudianneir">
            <div class="youbianlan">
                <dl>
                    <dt>热门地标周边酒店</dt>
                    <dd><a href="#">还没想好周末去哪玩?</a></dd>
                </dl>
                <dl>
                    <dt>促销</dt>
                    <dd><a href="#">全国火车站周边酒店8折起</a></dd>
                    <dd><a href="#">全国机场周边酒店8折起</a></dd>
                    <dd><a href="#">百城千店优选酒店80元起</a></dd>
                </dl>
            </div>
            <div class="youce">
                <div class="dizhi">
                    <ul>
                        <li class="beijing"><a href="#" class="beijinga">北京</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">广州</a></li>
                        <li><a href="#">成都</a></li>
                        <li><a href="#">深圳</a></li>
                        <li><a href="#">杭州</a></li>
                        <li><a href="#">长春</a></li>
                        <li><a href="#">更多</a></li>
                    </ul>
                    <div id="gengduojioudian">
                        <a href="#">更多国内酒店></a>
                    </div>
                </div>
                <div id="zhanshi">
                    <ul>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/0205z120008dr4pxv9C7E_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京贝尔特酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                前门/天坛公园/崇文门
                                <span>￥<h3>559</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/020691200082co240B8EA_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京三元桥CitiGO欢阁酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                国展中心地区
                                <span>￥<h3>450</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/0202b1200094qh2onA2BD_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京石景山游乐园希尔顿欢朋酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                公主坟/五棵松/石景山...
                                <span>￥<h3>559</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/0202y120008l6djnv5AB3_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">京玺酒店(北京国贸SKP店)</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                国贸地区
                                <span>￥<h3>460</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/2004180000014l38lF2B3_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京世园璞燊酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                延庆休闲度假区
                                <span>￥<h3>559</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/200o1b000001a5y2a16B3_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京共享际5L饭店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                国贸地区
                                <span>￥<h3>553</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/020251200028ci4nk397C_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京国贸商务区希尔顿欢朋酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="diamond"></span>
                            </p>
                            <div id="jiage">
                                国贸地区
                                <span>￥<h3>668</h3>起</span>
                            </div>
                        </li>
                        <li class="tupianli">
                            <div class="tupian">
                                <img src="./image/0201l120008t3j3rrF531_R_300_120.jpg" width="100%">
                            </div>
                            <p>
                                <a href="#">北京世园汤泉酒店</a>
                                <span class="medal" title="特级牌合作"></span>
                            </p>
                            <p class="item-info">
                                <span class="di"></span>
                            </p>
                            <div id="jiage">
                                起延庆休闲度假区
                                <span>￥<h3>1385</h3>起</span>
                            </div>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 机票 -->
    <div class="mod_flightC" id="mod_flightC">
        <div class="mod_dh">
            <ul class="mod_dhul">
                <li class="xuan"><a href="#">国内特价机票</a></li>
                <li><a href="#">国际·港澳台特价机票</a></li>
            </ul>
            <span><a href="#">上海出发</a></span>
        </div>
        <div class="mod_flightc_product">
            <div class="mod_flightc_product_hd">
                <ul class="product_hdul">
                    <li class="product_hdli"><a href="#">国内热门</a></li>
                    <li><a href="#">西北/东北</a></li>
                    <li><a href="#">华中/华北</a></li>
                    <li><a href="#">华南/西南</a></li>
                </ul>
                <span class="product_span"><a href="#">更多国内特价机票 ></a></span>
            </div>
            <div class="product_bd">
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            青岛
                        </p>
                        <p class="item-date">
                            <span class="date">2月03日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    99
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            大连
                        </p>
                        <p class="item-date">
                            <span class="date">2月01日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    169
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            宁波
                        </p>
                        <p class="item-date">
                            <span class="date">3月27日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    179
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            厦门
                        </p>
                        <p class="item-date">
                            <span class="date">1月18日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    189
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            重庆
                        </p>
                        <p class="item-date">
                            <span class="date">2月07日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    190
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            广州
                        </p>
                        <p class="item-date">
                            <span class="date">2月02日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    199
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            天津
                        </p>
                        <p class="item-date">
                            <span class="date">2月16日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    199
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            昆明
                        </p>
                        <p class="item-date">
                            <span class="date">2月13日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    199
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            沈阳
                        </p>
                        <p class="item-date">
                            <span class="date">2月03日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    210
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            深圳
                        </p>
                        <p class="item-date">
                            <span class="date">2月02日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    220
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            武汉
                        </p>
                        <p class="item-date">
                            <span class="date">2月07日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    220
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
                <div class="product_item">
                    <a href="#">
                        <p class="item-name">
                            上海
                            <i class="icon icon-single"></i>
                            北京
                        </p>
                        <p class="item-date">
                            <span class="date">1月22日</span>
                        </p>
                        <p class="item-info">
                                <span class="price">
                                    <dfn>￥</dfn>
                                    230
                                    <i class="price_info">起</i>
                                </span>
                            <span class="button button-yellow">立抢</span>
                        </p>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!-- 租车 -->
    <div class="mod_car" id="mod_car">
        <div class="mod_hd">
            <ul class="mod_hd_ul">
                <li><a href="#" id="mod_hd_li_a">国内租车</a></li>
                <li><a href="#">国内接送机</a></li>
                <li><a href="#">日租包车</a></li>
                <li><a href="#">境外租车</a></li>
                <li><a href="#">境外接送机</a></li>
            </ul>
        </div>
        <div class="mod_bd">
            <div class="mod_bd_chengshi">
                <dl>
                    <dt>热门城市</dt>
                    <dd><a href="#">三亚</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">成都</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">海口</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">西安</a></dd>
                    <dd><a href="#">重庆</a></dd>
                    <dd><a href="#">深圳</a></dd>
                    <dd><a href="#">北京</a></dd>
                    <dd><a href="#">杭州</a></dd>
                    <dd><a href="#">贵阳</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">厦门</a></dd>
                    <dd><a href="#">丽江</a></dd>
                    <dd><a href="#">大理</a></dd>
                    <dd><a href="#">西宁</a></dd>
                    <dd><a href="#">青岛</a></dd>
                    <dd><a href="#">长沙</a></dd>
                    <dd><a href="#">武汉</a></dd>
                    <dd><a href="#">南京</a></dd>
                </dl>
            </div>
            <div class="mod_bd_che">
                <div class="mod_bd_tiaoxuan">
                    <ul class="mod_bd_tiaoxuan_ul">
                        <li><a href="#" id="mod_bd_tiaoxuan_li_xuan">三亚</a></li>
                        <li><a href="#">上海</a></li>
                        <li><a href="#">北京</a></li>
                        <li><a href="#">海口</a></li>
                        <li><a href="#">成都</a></li>
                        <li><a href="#">西安</a></li>
                        <li><a href="#">重庆</a></li>
                        <li><a href="#">更多<i class="xiajiantou"></i></a></li>
                    </ul>
                        <span class="mod_bd_tiaoxuan_span">
                            <a href="#">更多国内租车></a>
                        </span>
                </div>
                <div class="zhanshi">
                    <div class="zhanshi_div">
                        <div><img src="./image/10035.jpg" width="100%" height="100%"></div>
                        <p>别克英朗</p>
                        <span><dfn>￥</dfn><h3>28</h3>起</span>
                    </div>
                    <div class="zhanshi_div">
                        <div><img src="./image/jh iEVA50.png" width="100%" height="100%"></div>
                        <p>江淮iEVA50</p>
                        <span><dfn>￥</dfn><h3>48</h3>起</span>
                    </div>
                    <div class="zhanshi_div">
                        <div><img src="./image/uz0kcn152vdxzirds7916.jpg" width="100%" height="100%"></div>
                        <p>海马福美来F7</p>
                        <span><dfn>￥</dfn><h3>38</h3>起</span>
                    </div>
                    <div class="zhanshi_div">
                        <div><img src="./image/10035.jpg" width="100%" height="100%"></div>
                        <p>奥迪A4L</p>
                        <span><dfn>￥</dfn><h3>138</h3>起</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 活动 -->
    <div class="mod_huod" id="mod_huod">
        <div class="mod_hd">
            <ul class="mod_hd_ul">
                <li><a href="#" id="mod_hd_ul_li_a">当地活动·境内</a></li>
                <li><a href="#">当地活动·出境</a></li>
            </ul>
        </div>
        <div class="mod_bd">
            <div class="mod_bd_zou">
                <dl>
                    <dt>热门目的地</dt>
                    <dd><a href="#">北京</a></dd>
                    <dd><a href="#">上海</a></dd>
                    <dd><a href="#">成都</a></dd>
                    <dd><a href="#">三亚</a></dd>
                    <dd><a href="#">西安</a></dd>
                    <dd><a href="#">厦门</a></dd>
                    <dd><a href="#">重庆</a></dd>
                    <dd><a href="#">杭州</a></dd>
                    <dd><a href="#">广州</a></dd>
                    <dd><a href="#">哈尔滨</a></dd>
                    <dd><a href="#">苏州</a></dd>
                    <dd><a href="#">南京</a></dd>
                </dl>
            </div>
            <div class="mod_bd_you">
                <div class="mod_bd_you_hd">
                    <ul>
                        <li><a href="#" id="mod_bd_you_hd_li_a">一日游</a></li>
                        <li><a href="#">特色体验</a></li>
                        <li><a href="#">旅游服务</a></li>
                    </ul>
                        <span>
                            <a href="#">更多当地活动></a>
                        </span>
                </div>
                <div class="mod_bd_you_bd">
                    <div class="mod_bd_you_bd_div">
                        <div><img src="./image/0353h120008p0ln7d908A_C_280_158_Q80.jpg" width="100%" height="100%"></div>
                        <p>北京八达岭长城一日游【门接赠升...</p>
                        <span class="mod_bd_you_bd_div_didian">北京</span>
                        <span><dfn>￥</dfn><h3>75</h3>起</span>
                    </div>
                    <div class="mod_bd_you_bd_div">
                        <div><img src="./image/0355z1200095qmx9rD038_C_280_158_Q80.jpg" width="100%" height="100%"></div>
                        <p>北京南山滑雪场一日游【优选●赠滑雪...</p>
                        <span class="mod_bd_you_bd_div_didian">北京</span>
                        <span><dfn>￥</dfn><h3>58</h3>起</span>
                    </div>
                    <div class="mod_bd_you_bd_div">
                        <div><img src="./image/0353d1200089q38632597_C_280_158_Q80.jpg" width="100%" height="100%"></div>
                        <p>北京八达岭长城一日游【上接赠升...</p>
                        <span class="mod_bd_you_bd_div_didian">北京</span>
                        <span><dfn>￥</dfn><h3>75</h3>起</span>
                    </div>
                    <div class="mod_bd_you_bd_div">
                        <div><img src="./image/035181200095jgjv310CE_C_280_158_Q80.jpg" width="100%" height="100%"></div>
                        <p>北京南山滑雪场一日游【携程优选■..</p>
                        <span class="mod_bd_you_bd_div_didian">北京</span>
                        <span><dfn>￥</dfn><h3>68</h3>起</span>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 购物 -->
    <div class="mod_car" id="mod_car">
        <div class="mod_hd">
            <ul class="mod_hd_ul">
                <li><a href="#" id="mod_hd_li_a">全球购</a></li>
            </ul>
        </div>
        <div class="mod_bd">
            <div class="mod_bd_chengshi">
                <dl>
                    <dt>热门城市</dt>
                    <dd><a href="#">澳门</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">日本</a></dd>
                    <dd><a href="#">海南</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">巴黎</a></dd>
                    <dd><a href="#">迪拜</a></dd>
                    <dd><a href="#">伦敦</a></dd>
                    <dd><a href="#">米兰</a></dd>
                    <dd><a href="#">香港</a><span class="icon_hot"></span></dd>
                    <dd><a href="#">新加坡</a></dd>
                    <dd><a href="#">巴塞罗那</a></dd>
                    <dd><a href="#">首尔</a></dd>
                    <dd><a href="#">泰国</a></dd>
                    <dd><a href="#">慕尼黑</a></dd>
                    <dd><a href="#">马德里</a></dd>
                    <dd><a href="#">洛杉矶</a></dd>
                </dl>
            </div>
            <div class="mod_bd_che">
                <div class="mod_bd_tiaoxuan">
                    <ul class="mod_bd_tiaoxuan_ul">
                        <li><a href="#" id="mod_bd_tiaoxuan_li_xuan">热门商户</a></li>
                        <li><a href="#">新店首选</a></li>
                        <li><a href="#">奢品大牌</a></li>
                        <li><a href="#">口碑推荐</a></li>
                        <li><a href="#">综合商场</a></li>
                    </ul>
                        <span class="mod_bd_tiaoxuan_span">
                            <a href="#">更多全球名店></a>
                        </span>
                </div>
                <div class="zhanshi">
                    <div class="zhanshi_div">
                        <div class="shang"><img src="./image/0100e120008hhsadvA404_C_570_285.jpg" width="100%" height="100%"></div>
                        <p>伦敦比斯特购物村Bicester Village</p>
                        <p class="zhanshi_div_p"><span id="guojoa">英国·伦敦</span><span class="fanxian">返现</span><span class="cuxiao">促销</span></p>
                    </div>
                    <div class="zhanshi_div">
                        <div class="shang"><img src="./image/100p0g0000007osb993F2_C_570_285.jpg" width="100%" height="100%"></div>
                        <p>高岛屋 (新宿店) Takashimaya (Sh...</p>
                        <p class="zhanshi_div_p"><span id="guojoa">日本·东京</span><span class="fanxian">返现</span></p>
                    </div>
                    <div class="zhanshi_div">
                        <div class="shang"><img src="./image/0104c120008e5xd5j7B64_C_570_285.jpg" width="100%" height="100%"></div>
                        <p>雅丽一 国际品牌免税店(威尼斯人购....</p>
                        <p class="zhanshi_div_p"><span id="guojoa">中国·澳门</span><span class="cuxiao">促销</span></p>
                    </div>
                    <div class="zhanshi_div">
                        <div class="shang"><img src="./image/100w0g000000830tq74D8_C_570_285.jpg" width="100%" height="100%"></div>
                        <p>迪拜国际机场 T3航站楼C出发厅(...</p>
                        <p class="zhanshi_div_p"><span id="guojoa">阿联酋·迪拜</span><span class="cuxiao">促销</span></p>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 旗舰店 -->
    <div class="mod_qijian" id="mod_qijian">
        <div class="mod_qihian_hd">
            <ul>
                <li><a href="#" id="mod_qihian_hd_ul_li_a">旅游旗舰店</a></li>
            </ul>
        </div>
        <div class="mod_qihian_bd">
            <div class="mod_qihian_bd_hd">
                <ul>
                    <li><a href="#" class="mod_qihian_bd_hd_ul_li_a">精选</a></li>
                </ul>
                    <span class="mod_qihian_bd_hd_span">
                        <a href="#">更多旗舰店></a>
                    </span>
            </div>
            <div class="mod_qihian_bd_bd">
                <div>
                    <div class="img">
                        <img src="./image/70030n000000e34vwB318.jpg" width="100%" height="100%">
                        <div class="xianshi">
                            <p>以色列国家旅游体验馆</p>
                            <p class="yingcang">一面蔚蓝，一面神秘，应许之地与海...</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="img">
                        <img src="./image/700o1a0000018ybax5DBF.jpg" width="100%" height="100%">
                        <div class="xianshi">
                            <p>新加坡樟宜机场官方旗舰店</p>
                            <p class="yingcang">海洋与城，混在一起更好玩儿。</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="img">
                        <img src="./image/10040i0000009dg5o1BE6.jpg" width="100%" height="100%">
                        <div class="xianshi">
                            <p>世界的香格里拉旗舰店</p>
                            <p class="yingcang">消失的地平线一寻秘圣境迪庆</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="img">
                        <img src="./image/10010i0000009ckvo899D.jpg" width="100%" height="100%">
                        <div class="xianshi">
                            <p>心游嘉兴体验馆</p>
                            <p class="yingcang">红船启梦，心游嘉兴江南水乡历...</p>
                        </div>
                    </div>
                </div>
                <div>
                    <div class="img">
                        <img src="./image/0706a120008d8tlfyB4C8.jpg" width="100%" height="100%">
                        <div class="xianshi">
                            <p>四川省旅游旗舰馆</p>
                            <p class="yingcang">天府一九天，安逸走四川</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- 旅行服务 -->
    <div class="mod_lxfw" id="mod_lxfw">
        <div class="mod_lxfw_hd">
            <ul>
                <li><a href="#">旅行服务</a></li>
            </ul>
        </div>
        <div class="mod_lxfw_bd">
            <div class="mod_lxfw_bd_div">
                <div class="mod_lxfw_bd_div_div">
                    <a href="#">
                        <div class="mod_lxfw_bd_div_div_zhi">
                            <h3>出境WiFi</h3>
                            <p>全球出境WiFi租赁</p>
                            <p>流量不限、多人共享、携带便捷、低价信号强</p>
                        </div>
                        <div class="mod_lxfw_bd_div_div_yuan">
                            <i></i>
                        </div>
                    </a>
                </div>
                <div class="xiaok">
                    <ul>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/supply_icon.png"></div>日本</a></li>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/supply_icon.png"></div>韩国</a></li>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/supply_icon.png"></div>欧洲通用</a></li>
                        <li class="xiaok_li" style="border-style: none;"><a href="#"><div class="xiaok_ul_li_div"><img src="./image/supply_icon.png"></div>更多</a></li>
                    </ul>
                </div>
            </div>
            <div class="mod_lxfw_bd_div">
                <div class="mod_lxfw_bd_div_div">
                    <a href="#">
                        <div class="mod_lxfw_bd_div_div_zhi">
                            <h3>签证</h3>
                            <p>在材料制作完成前均可申请订单全额退款</p>
                            <p>服务优质，方便快捷，诚信可靠，出签率高</p>
                        </div>
                        <div class="mod_lxfw_bd_div_div_yuan mod_lxfw_bd_div_div_yuan2">
                            <i></i>
                        </div>
                    </a>
                </div>
                <div class="xiaok">
                    <ul>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/24-japan.png"></div>日本</a></li>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/24-korea.png"></div>韩国</a></li>
                        <li><a href="#"><div class="xiaok_ul_li_div"><img src="./image/24-USA.png"></div>美国</a></li>
                        <li class="xiaok_li" style="border-style: none;"><a href="#"><div class="xiaok_ul_li_div"><img src="./image/24-Australia.png"></div>澳大利亚</a></li>
                    </ul>
                </div>
            </div>
            <div class="mod_lxfw_bd_div">
                <div class="mod_lxfw_bd_div_div">
                    <a href="#">
                        <div class="mod_lxfw_bd_div_div_zhi">
                            <h3>保险</h3>
                            <p>携程保险，安心随行</p>
                            <p>旅游定制、极速出保、便捷理赔</p>
                        </div>
                        <div class="mod_lxfw_bd_div_div_yuan mod_lxfw_bd_div_div_yuan3">
                            <i></i>
                        </div>
                    </a>
                </div>
                <div class="xiaok_div">
                    <ul id="xiaok_ul">
                        <li id="xiaok_ul_li"><a href="#"><div class="xiaok_ul_li_div"><img src="./image/1.png"></div>【申根之王】</a></li>
                        <li id="xiaok_ul_li"><a href="#"><div class="xiaok_ul_li_div"><img src="./image/1.png"></div>【亚洲优选】</a></li>
                        <li id="xiaok_ul_li" class="xiaok_ul_lis" style="border-style: none;"><a href="#"><div class="xiaok_ul_li_div"><img src="./image/1.png"></div>【境内畅游】</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
    <!-- 企业商旅 -->
    <div class="mod_qysl" id="mod_qysl">
        <div class="mod_qysl_hd">
            <ul>
                <li><a href="#">企业商旅</a></li>
            </ul>
        </div>
        <div class="mod_qysl_bd">
            <div class="mod_qysl_bd_div">
                <a href="#">
                    <div class="mod_qysl_bd_div_div">
                        <i></i>
                    </div>
                    <h3>差旅预订管理</h3>
                    <p>海量差旅产品，全流程服务，智能管控，助力</p>
                    <p>企业差旅降本提效!</p>
                </a>
            </div>
            <div class="mod_qysl_bd_div">
                <a href="#">
                    <div class="mod_qysl_bd_div_div2">
                        <i></i>
                    </div>
                    <h3>差旅预订管理</h3>
                    <p>海量差旅产品，全流程服务，智能管控，助力</p>
                    <p>企业差旅降本提效!</p>
                </a>
            </div>
            <div class="mod_qysl_bd_div">
                <a href="#">
                    <div class="mod_qysl_bd_div_div3">
                        <i></i>
                    </div>
                    <h3>差旅预订管理</h3>
                    <p>海量差旅产品，全流程服务，智能管控，助力</p>
                    <p>企业差旅降本提效!</p>
                </a>
            </div>
        </div>
    </div>
    <!-- 合作伙伴 -->
    <div class="mod_indices">
        <div class="mod_hd">
            <div class="part_partner">
                <div class="part_hd">
                    合作伙伴
                </div>
                <div class="part_bd">
                    <ul>
                        <li style="border-style: none;"><a href="#" class="partner_hh"></a></li>
                        <li><a href="#" class="partner_lp"></a></li>
                        <li><a href="#" class="partner_sg"></a></li>
                        <li><a href="#" class="partner_tj"></a></li>
                        <li><a href="#" class="partner_ya"></a></li>
                        <li><a href="#" class="partner_yy"></a></li>
                    </ul>
                </div>
            </div>
        </div>
        <div class="mod_bd">
            <!-- 携程导航 -->
            <dl class="indices_nav">
                <dt>携程导航</dt>
                <dd><a href="#">酒店预订</a></dd>
                <dd><a href="#">海外酒店</a></dd>
                <dd><a href="#">特价机票</a></dd>
                <dd><a href="#">国际机票</a></dd>
                <dd><a href="#">旅游线路</a></dd>
                <dd><a href="#">景点门票</a></dd>
                <dd><a href="#">旅游攻略</a></dd>
                <dd><a href="#">火车票</a></dd>
                <dd><a href="#">酒店团购</a></dd>
                <dd><a href="#">邮轮</a></dd>
                <dd><a href="#">周末游</a></dd>
                <dd><a href="#">签证</a></dd>
                <dd><a href="#">租车</a></dd>
                <dd><a href="#">目的地榜单</a></dd>
                <dd><a href="#">欧铁通票</a></dd>
                <dd><a href="#">自由行</a></dd>
                <dd><a href="#">会议旅游</a></dd>
                <dd><a href="#">客栈民宿</a></dd>
                <dd><a href="#">礼品卡</a></dd>
                <dd><a href="#">团队游</a></dd>
                <dd><a href="#">企业商旅</a></dd>
                <dd><a href="#">查看全部</a></dd>
            </dl>
            <!-- 酒店预订 -->
            <dl class="indices_nav">
                <dt>酒店预订</dt>
                <dd><a href="#">城市酒店</a></dd>
                <dd><a href="#">国家酒店</a></dd>
                <dd><a href="#">北京酒店</a></dd>
                <dd><a href="#">上海酒店</a></dd>
                <dd><a href="#">广州酒店</a></dd>
                <dd><a href="#">成都酒店</a></dd>
                <dd><a href="#">杭州酒店</a></dd>
                <dd><a href="#">西安酒店</a></dd>
                <dd><a href="#">新加坡酒店</a></dd>
                <dd><a href="#">迪拜酒店</a></dd>
                <dd><a href="#">泰国酒店</a></dd>
                <dd><a href="#">韩国酒店</a></dd>
            </dl>
            <!-- 特价机票 -->
            <dl class="indices_nav">
                <dt>特价机票</dt>
                <dd><a href="#">上海机票</a></dd>
                <dd><a href="#">北京机票</a></dd>
                <dd><a href="#">广州机票</a></dd>
                <dd><a href="#">深圳机票</a></dd>
                <dd><a href="#">重庆机票</a></dd>
                <dd><a href="#">成都机票</a></dd>
                <dd><a href="#">昆明机票</a></dd>
                <dd><a href="#">厦门机票</a></dd>
                <dd><a href="#">三亚机票</a></dd>
                <dd><a href="#">杭州机票</a></dd>
                <dd><a href="#">春秋航空</a></dd>
                <dd><a href="#">东方航空</a></dd>
            </dl>
            <!-- 旅游度假 -->
            <dl class="indices_nav">
                <dt>旅游度假</dt>
                <dd><a href="#">国内旅游攻略</a></dd>
                <dd><a href="#">出境旅游攻略</a></dd>
                <dd><a href="#">马尔代夫旅游</a></dd>
                <dd><a href="#">普吉岛旅游</a></dd>
                <dd><a href="#">巴厘岛旅游</a></dd>
                <dd><a href="#">济州岛旅游</a></dd>
                <dd><a href="#">日本旅游</a></dd>
                <dd><a href="#">新加坡旅游</a></dd>
                <dd><a href="#">澳大利亚旅游</a></dd>
                <dd><a href="#">迪拜旅游</a></dd>
                <dd><a href="#">柬埔寨旅游</a></dd>
                <dd><a href="#">英国旅游</a></dd>
            </dl>
            <!-- 旅游度假 -->
            <dl class="indices_nav">
                <dt>攻略指南</dt>
                <dd><a href="#">攻略社区</a></dd>
                <dd><a href="#">旅游攻略</a></dd>
                <dd><a href="#">旅行游记</a></dd>
                <dd><a href="#">旅游问答</a></dd>
                <dd><a href="#">周末旅游</a></dd>
                <dd><a href="#">攻略下载</a></dd>
                <dd><a href="#">天气预报</a></dd>
                <dd><a href="#">旅游资讯</a></dd>
                <dd><a href="#">旅游榜单</a></dd>
                <dd><a href="#">旅游专题</a></dd>
                <dd><a href="#">地图大全</a></dd>
                <dd><a href="#">Travel Guide</a></dd>
            </dl>
            <!-- 快速入口 -->
            <dl class="indices_nav" style="border-style: none;">
                <dt>快速入口</dt>
                <dd><a href="#">门票导航</a></dd>
                <dd><a href="#">客栈管理系统</a></dd>
                <dd><a href="#">精选目的地</a></dd>
                <dd><a href="#">中小企业差旅</a></dd>
                <dd><a href="#">存款证明</a></dd>
                <dd><a href="#">携程主题曲</a></dd>
                <dd><a href="#">航班时刻表</a></dd>
                <dd><a href="#">火车时刻表</a></dd>
                <dd><a href="#">汽车时刻表</a></dd>
            </dl>
        </div>
    </div>
    <!-- 页面底部 -->
    <div class="base">
        <!--为什么选择携程 -->
        <dl>
            <dt>为什么选择携程</dt>
            <dd class="fu">
                <a href="#">
                    <div class="tubiao fuwutu"></div>
                    <div>
                        <h3 class="fuwu">放心的服务</h3>
                        <p>领先的服务标准独创的保障体系</p>
                    </div>
                </a>
            </dd>
            <dd class="jia">
                <a href="#">
                    <div class="tubiao"></div>
                    <div>
                        <h3>放心的价格</h3>
                        <p>具竞争力的价格无任何隐形费用</p>
                    </div>
                </a>
            </dd>
        </dl>
        <!-- 旅游资讯 -->
        <dl class="zhi">
            <dt>关于携程</dt>
            <dd><a href="#">宾馆索引</a></dd>
            <dd><a href="#">攻略索引</a></dd>
            <dd><a href="#">机票索引</a></dd>
            <dd><a href="#">网站导航</a></dd>
            <dd><a href="#">旅游索引</a></dd>
            <dd><a href="#">车票索引</a></dd>
            <dd><a href="#">邮轮索引</a></dd>
            <dd><a href="#">企业差旅索引</a></dd>
            <dd><a href="#">用车索引</a></dd>
        </dl>
        <!-- 加盟合作 -->
        <dl class="zhi">
            <dt>加盟合作</dt>
            <dd><a href="#">分销联盟</a></dd>
            <dd><a href="#">友情链接</a></dd>
            <dd><a href="#">企业礼品卡采购</a></dd>
            <dd><a href="#">保险代理</a></dd>
            <dd><a href="#">代理合作</a></dd>
            <dd><a href="#">酒店加盟</a></dd>
            <dd><a href="#">目的地及景区合作</a></dd>
            <dd><a href="#">智慧旅游</a></dd>
            <dd><a href="#">更多加盟合作</a></dd>
        </dl>
        <!-- 关于携程 -->
        <dl class="zhi">
            <dt>关于携程</dt>
            <dd><a href="#">关于携程</a></dd>
            <dd id="zhi_dd">
                <a href="#" class="zhi_a">携程热点</a>
                <div class="zhi_div">
                    <p><a href="#">携程公布201 8年全年财报....</a></p>
                    <p><a href="#">上海市委书记李强调研携程</a></p>
                    <p><a href="#">携程全球首个目的地服务中...</a></p>
                    <p><a href="#" class="g">更多</a></p>
                </div>
            </dd>
            <dd><a href="#">联系我们</a></dd>
            <dd><a href="#">诚聘英才</a></dd>
            <dd><a href="#">企业公民</a></dd>
            <dd><a href="#">用户协议</a></dd>
            <dd><a href="#">隐私政策</a></dd>
            <dd><a href="#">营业执照</a></dd>
            <dd><a href="#">安全中心</a></dd>
            <dd><a href="#">携程内容中心</a></dd>
            <dd><a href="#">知识产权</a></dd>
            <dd><a href="#">Group.trip.com</a></dd>
        </dl>
        <dl class="erwuima">
            <dd>
                <p>微信公众号</p>
                <div>
                    <div class="er">
                        <img src="./image/er_ctrip_wechat_new.jpg" width="100%" height="100%">
                    </div>
                    <p>扫一扫</p>
                    <p>了解爆款旅行好货</p>
                </div>
            </dd>
        </dl>
    </div>
    <div class="tubiao">
        <p>Copyright 1999-2022,<a href="#">ctrip.com.All</a> rights reserved.|<a href="#">ICP证: 泸B2-20050130</a>|<a href="#">泸ICP备08023580号</a></p>
        <p><a href="#"><i class="jinghui"></i>泸公网备31010502002731号</a>|<a href="#">互联网药品信息服务资格证</a>|<a href="#">旅游度假资质</a></p>
        <p>违法和不良信息举报电话021-22500846|全国旅游投诉热线12301|<a href="#"><a href="#">上海市旅游网站落实诚信建设主体责任承诺书</a></p>
        <div class="diao">
            <ul>
                <li><a href="#" class="img1">信用评级</a></li>
                <li><a href="#" class="img2">上海工商</a></li>
                <li><a href="#" class="img3"></a></li>
                <li><a href="#" class="img4"><p>网络社会</p><p>征信网</p></a></li>
                <li><a href="#" class="img5"></a></li>
                <li><a href="#" class="img6"></a></li>
                <li><a href="#" class="img7"></a></li>
                <li><a href="#" class="img8"></a></li>
                <li><a href="#" class="img9"></a></li>
                <li><a href="#" class="img10"></a></li>
            </ul>
        </div>
    </div>
    <!-- 锚链接 -->
    <div class="mao">
        <ul>
            <li><div class="mg1"></div><a href="index.html#remen">旅行</a></li>
            <li><div class="mg2"></div><a href="#jioudian">酒店</a></li>
            <li><div class="mg3"></div><a href="#mod_flightC">机票</a></li>
            <li><div class="mg4"></div><a href="#mod_car">用车</a></li>
            <li><div class="mg5"></div><a href="#mod_huod">活动</a></li>
            <li><div class="mg6"></div><a href="#mod_car">购物</a></li>
            <li><div class="mg7"></div><a href="#mod_qijian">攻略</a></li>
            <li><div class="mg8"></div><a href="#mod_lxfw">服务</a></li>
            <li><div class="mg9"></div><a href="#mod_qysl">商旅</a></li>
        </ul>
    </div>
</div>
</body>
</html>